
<!doctype html>
<html xmlns="http://www.w3.org/1999/html">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>{$title}</title>
	<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/green/green_1_1.css"/>
    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/green/green_1_2.css"/>
    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/green/green_1_3.css"/>

    <script src="{$Think.config.RESOURCEURL}wx_assets/js/website/green/green1.js" type="text/javascript"></script>
	<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/green/green2.js" type="text/javascript"></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/website/green/green3.js" type="text/javascript"></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/website/green/green4.js" type="text/javascript"></script>
    <meta content="authenticity_token" name="csrf-param" />
<meta content="f4H1vxzfQBmE2lkGM6YZ2MH0R9vzpivCaaaPeoSYRO4=" name="csrf-token" />

  </head>

  <body>
    

    
    <div class="html" style="">
      <div class="stage" id="stage">
        <section id="sec-index">
          
          <div class="body">
            
<div class="mod-slider slider-hor" id="index" style=" visibility: visible; ">
                            <ul class="slider-list" >
                                <volist name="MainArticles" id="data">
                                    <li >
                                        <a <if condition="$main.url neq ''"> href={$data.url} </if>>
                                            <img src="{$data.picurl}" alt="{$abc}">
                                        </a>
                                    </li>
                                </volist>
                            </ul>
                            <div class="slider-text" >
                                <span  style="display:block;width:60%" class="fl slider-span" id="slider-span">{$MainArticles[0]['title']}
                                </span>
                                <div id="pagenavi" class="fr slider-page">
                                    <volist name="MainArticles" id="main">
                                        <a class="{$key}">                                      
                                        </a>                                        
                                    </volist>
                                </div>
                            </div>
		<!-- <div class="slider-text">
		<span class="fl slider-span" id="slider-span">{$data.title}</span>

		</div> -->
	</div>
 <div style="display:none;" id="maintitle"><volist name="MainArticles" id="main">{$main.title},</volist></div>
  <div class="list">
    <ul>
		<volist name="ModuleArticles" id="data">
			  <li>
			  <a  <if condition="$data.url neq ''"> href={$data.url}</if>  >
				<div class="list-img">
				  <b>
					  <img  src={$data.picurl} />
				  </b>
				</div>
	
				<div class="list-text">
				  <h1>{$data.title}</h1>
				  <h2>{$data.subtitle}</h2>
				</div>
				</a> 
				</li>
       	</volist>
    </ul>
  </div>
          </div>
        </section>
          <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
          <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
          <script type="text/javascript">
              wx_share.init({
                  "title":"{$title}",
                  "desc":'{$shareinfo}',
                  "link":location.href,
                  "imgUrl": '{$sharepicurl}',
                  "pkg":{
                      "appId": '{$pkg.appId}',
                      "timestamp": '{$pkg.timestamp}',
                      "nonceStr": '{$pkg.nonceStr}',
                      "signature": '{$pkg.signature}'
                  },
                  success:function(config,shareType){
                  }
              });
          </script>


<style type="text/css">
        /*pop*/
    .pop-zoom{display:none;width:100%;height:100%;color:#fff;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);z-index:10000;}
    .pop-zoom-img{background:#000;text-align:center;overflow:hidden;}
    .show-img{width:100%;height:100%;overflow:hidden;position:relative;}
    .show-img img{max-width:100%;}
    .zoom-close{position:fixed;right:5px;top:5px;display:block;z-index:99999;}
    .zoom-close .fa{width:30px;height:30px;font-size:25px;line-height:30px;border-radius:50%;color:#fff;background:#999;}
</style>
    <script type="text/javascript">
       $(document).ready(function(){
            var title=$('#maintitle').text();
            maintitle=new Array;
            maintitle=title.split(',');
            indexSwipe("index", maintitle);
            bannerSet({
            background: "#000000",
            opacity: "50",
            color: "#FFFFFF"
        });
        showBtnUp(100);
      });
    </script>
<script type="text/javascript">
    var img_zoom_myscroll, img_zoom_scrollTop;

    function loaded(){
        img_zoom_myscroll = new iScroll("imgScroll",{
            hScroll: true,
            useTransition: true,
            hScrollbar: false,
            vScrollbar: false,
            zoom: true
        });
        document.addEventListener("DOMContentLoaded",loaded,false);
    }

    $(function(){
        $('body').append('<div class="pop-zoom pop-zoom-img"><div class="show-img" id="imgScroll"><div><img src=""></div></div><a href="javascript:;" class="zoom-close"><i class="fa fa-times"></i></a>')
        $('img').click(function(){
            if($(this).closest('a').length > 0 || $(this).closest('.mod-navLine').length > 0 || $(this).hasClass('website_list_21')){

            }else{
                var $this = $(this),
                        $src = $this.attr("src"),
                        $img = $(".show-img img"),
                        $pop = $(".pop-zoom-img");
                img_zoom_scrollTop = $(document).scrollTop();
                $(document).scrollTop(0);
                $img.attr("src",$src);
                $pop.show();
                setTimeout(function(){
                    loaded();
                },300);
                //console.log(scrollTop);
            }
        });
        $(document).on("click",".zoom-close",function(){
            $(document).scrollTop(img_zoom_scrollTop);
            $(this).parents(".pop-zoom").hide();
            img_zoom_myscroll.destroy();
        })
        var initTop = 0,
                isScroll = true;
        function fnAnimate(thisTop){
            $("header:not('.untoppable')").animate({top:thisTop},"500",function(){isScroll=true});
        }
        $(window).on("scroll",function(){
            var scrollTop = $(document).scrollTop();
            if(isScroll){
                if(scrollTop > initTop){
                    fnAnimate("-44px");
                }else{
                    fnAnimate("0");
                }
            }
            initTop = scrollTop;
            isScroll = false;
        });
    });
</script>
  </body>
</html>
